<template>
  <a-drawer
    title="企业信息"
    :maskClosable="false"
    width=650
    placement="right"
    :closable="true"
    @close="close"
    :visible="zoneInfoVisiable"
    style="height: calc(100% - 55px);overflow: auto;padding-bottom: 53px;">
      <p><a-icon type="fire" />&nbsp;&nbsp;区域名称：{{zoneInfoData.title}}</p>
      <p><a-icon type="fire" />&nbsp;&nbsp;区域排序：{{zoneInfoData.order}}</p>
      <p><a-icon type="fire" />&nbsp;&nbsp;上级区域：{{zoneInfoData.parentId}}</p>
      <p :title="zoneInfoData.points"><a-icon type="fire" />&nbsp;&nbsp;区域瞄点：{{points}}</p>
      <p><a-icon type="clock-circle" />&nbsp;&nbsp;创建时间：{{zoneInfoData.createTime}}</p>
      <p><a-icon type="clock-circle" />&nbsp;&nbsp;修改时间：{{zoneInfoData.modifyTime? zoneInfoData.modifyTime : '暂未修改'}}</p>
  </a-drawer>
</template>
<script>
export default {
  name: 'ZoneInfo',
  props: {
    zoneInfoVisiable: {
      require: true,
      default: false
    },
    zoneInfoData: {
      require: true
    }
  },
  data () {
    return {
      key: +new Date(),
      loading: true,
      checkedKeys: [],
      menuTreeData: []
    }
  },
  methods: {
    close () {
      this.$emit('close')
      this.checkedKeys = []
    }
  },
  computed: {
    points () {
      return this.zoneInfoData.value
    }
  }
}
</script>
